// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
@import '../common/styles/root-level-only/color-definitions.scss';
@import '../common/styles/root-level-only/global-styles.scss';
@import '../common/styles/colors.scss';
@import '../common/styles/fonts.scss';
@import './components/outcome.scss';
@import './components/assessment-report-header.scss';
@import './components/assessment-scan-details.scss';
@import './components/assessment-report-body-header.scss';
@import '../common/components/guidance-tags.scss';

* {
    font-family: $font-family;
    -webkit-print-color-adjust: exact; // Requires vendor prefix: https://caniuse.com/mdn-css_properties_print-color-adjust
    print-color-adjust: exact;
}

body {
    max-width: 768px;
    margin: auto;
}

header {
    margin-bottom: 24px;
}

.details-section {
    border-bottom: $neutral-alpha-20 solid 1px;
}

.details-section-header {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: $font-weight-semi-bold;
    line-height: 32px;
}

.assessment-details {
    margin-bottom: 32px;
}

.assessment-header {
    margin-bottom: 32px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: $font-weight-semi-bold;
}

.step-details {
    margin-bottom: 24px;
    margin-left: 48px;
    max-width: calc(100vw - 62px);

    &:last-child {
        margin-bottom: 0;
    }
}

.step-header {
    padding-bottom: 12px;
}

.step-header-name {
    font-size: 15px;
    font-family: $font-family;
    display: inline;
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: normal;
}

.step-header-description {
    font-size: 15px;
    font-family: $font-family;
    padding-left: 8px;
    padding-right: 8px;
    display: inline;
}

.step-header-message {
    font-size: 15px;
    font-family: $font-family;
    padding-left: 8px;
    padding-right: 8px;
    display: inline;
}

.instance-details {
    padding-left: 12px;
    padding-top: 12px;
    width: 100%;

    &:not(:last-child) {
        padding-bottom: 14px;
        border-bottom: $neutral-8 solid 1px;
    }
}

.instance-pair-details > td {
    padding-bottom: 8px;
    line-height: 16px;
}

.instance-value {
    font-size: 12px;
    font-family: $font-family;
    vertical-align: top;
    word-break: break-all;
    white-space: pre-line;
}

.instance-key,
%instance-key {
    font-size: 12px;
    font-weight: $font-weight-semi-bold;
    vertical-align: top;
    text-align: left;
    width: 140px;
}

.instance-subsection-header {
    @extend %instance-key;

    text-align: left;
}

.instance-key-indented {
    @extend %instance-key;

    padding-left: 30px;
}

.test-guidance-links-group {
    display: inline;
    color: $primary-text;
    font-size: 14px;
    font-family: $font-family;
    padding-right: 8px;
    padding-left: 8px;
}

.report-footer {
    font-size: 14px;
    font-family: $font-family;
    color: $secondary-text;
    padding-top: 24px;
    padding-bottom: 36px;
    padding-left: 12px;
    line-height: 20px;
}

.report-footer-link {
    font-size: 14px;
    font-family: $font-family;
    text-decoration: none;
}

.ms-Link,
.link {
    color: $link;

    &:hover {
        color: $link-hover;
    }
}

@media print {
    .ms-Link,
    .link {
        text-decoration: none;
        color: $primary-text;
    }
}
